<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSFX Test</title>
  </head>
  <body>
    <h1>JSFX Test</h1>
  <jsfx:includes/>
  <jsfx:loadCollection collection="cars"/>


  <jsfx:play sound="test"/>
  <hr/>
  <jsfx:createLink sound="test">Click</jsfx:createLink>
  <hr/>
  <jsfx:createLink sound="voom" collection="cars">Voom</jsfx:createLink>
  <hr/>
  <jsfx:soundZone sound="test">
    <div style="border: 1px solid red; width: 10em;">
      <h2>Hover over this</h2>
      <ul>
        <li>alpha</li>
      </ul>
    </div>
  </jsfx:soundZone>
</body>
</html>
